JQuery + Vue.js
<html>
<head>
<meta charset="UTF-8">
<title>JQuery + Vue.js</title>
</head>
<body>
<div id="show">
<input type="text" id="test" value="tset">
<input type="button" value="change string" v-on:click="changeString()">
</div>
</body>
<script src="vue.js"></script>
<script src="jquery-3.1.1.min.js"></script>
<script>
new Vue({
el: '#show',
data: {
message: 'eagle',
text: 'IT Help'
},
created: function () {
},
mounted: function () {
var change_string = this.message;
$('#test').val(change_string);
},
methods: {
changeString: function () {
var change_string = this.text;
$('#test').val(change_string);
}
}
})
</script>
</html>
iThome鐵人賽
看影片追技術